@import "./variable.less";
@import "./func.less";
@import "./mixin.less";


.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  min-width: 960px;/*为了兼容不支持媒体选择的浏览器*/

  /*为了兼容不支持媒体选择的浏览器*/
  transition: width 0.5s cubic-bezier(1, -0.02, 0, 1.04);
  box-sizing: border-box;
}

.container-fluid {
  min-width: 0;
  width: 100%;
}

// 媒体查询
.container {
  @media (max-width: @xxs-screen-min) {
    width: @xxs-container;
    min-width: 0;
  }
  @media (min-width: @xs-screen-min) {
    width: @xs-container;
    min-width: 0;
  }
  @media (min-width: @sm-screen-min) {
    width: @sm-container;
    min-width: 0;
  }
  @media (min-width: @md-screen-min) {
    width: @md-container;
    min-width: 0;
  }
  @media (min-width: @lg-screen-min) {
    width: @lg-container;
    min-width: 0;
  }
  @media (min-width: @xl-screen-min) {
    width: @xl-container;
    min-width: 0;
  }
  @media (min-width: @xxl-screen-min) {
    width: @xxl-container;
    min-width: 0;
  }
}